<!DOCTYPE html>
<html lang="ch">
<head>
    <title></title>
    <script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
    <!-- 总结：mvvmm模型
        1.M：模型(model):data中的数据
        2.V：视图(view):模板代码
        3.VM：视图模型(viewmodel):vue实例

        1.data中所有的属性，最后都出现在vm上了
        2.vm上所有的属性及vue原型上的所有属性，在vue模板中都可以直接使用
    -->
    <div id="demo">
        <h2>你好，{{name}}</h2><!-- div中就是view -->
        <h2>你好，{{_data}}</h2><!-- vm中的属性 -->
        <h2>你好，{{_c}}</h2><!-- vm中的属性 -->
        <h2>你好，{{_uid}}</h2><!-- vm中的属性 不用vm._uid-->
    </div>
    <script type="text/javascript">
        Vue.config.productionTip = false //关闭生产提示
        const vm = new Vue({//Vue实例就是viewmodel，也就是VM
            el:"#demo",
            data:{
                name:"test",  //data中的数据就是model
            }
        })
        console.log(vm)
    </script>
</body>
</html>